<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<div id="welcome-info">欢迎来到心理健康测试中心 !</div>

<div id="shortcuts">
	<ul class="shortcut-buttons-set">
		<li><a class="shortcut-button" href="#add-student" rel="facebox"><span>
					<img src="images/clock_48.png" alt="icon" /><br />添加学生</span>
		</a></li>
		<li><a class="shortcut-button" href="#student-info-query"
			rel="facebox"><span> <img src="images/comment_48.png"
					alt="icon" /><br />学生信息查询</span> </a></li>
	</ul>

	<div id="add-student" style="display: none;">
		<div style="padding: 15px;">暂不提供此服务...</div>
	</div>

	<div id="student-info-query" style="display: none;">
		<form id="student-info-query-form"
			action="/psytest-webapp/user/queryStuInfoByCriteria" method="post">
			<div class="query-title">学生信息查询</div>
			<div class="filter-criteria">
				<select id="secondaryCollege" name="secondaryCollege"></select> <select
					id="major" name="major"></select> <input id="clazz" name="clazz"
					type="text" value="请输入班级..." /> <input id="sno" name="sno"
					type="text" value="请输入学号..." /> <input id="name" name="name"
					type="text" value="请输入姓名..." /> <select id="gender" name="gender">
					<option value="-1">请选择性别...</option>
					<option value="男">男</option>
					<option value="女">女</option>
				</select>
				<input id="age" name="age" type="text" value="请输入年龄..." />
			</div>
			<div class="submitBtn">
				<input id="sBtnStudent" type="button" value="开始查询" />
			</div>
		</form>
	</div>
</div>
<div class="clear"></div>

<div id="content-box">
	<div class="content-box-header">
		<div class="header">查询结果</div>
	</div>
	<div class="content-box-content">
		<table id="query-result-table">
			<thead>
				<tr>
					<th>学号</th>
					<th>姓名</th>
					<th>学院</th>
					<th>专业</th>
					<th>班级</th>
					<th>个人详情</th>
				</tr>
			</thead>
			<tfoot></tfoot>
			<tbody></tbody>
		</table>
		<div id="detail-info" style="display: none; padding: 200px;">
			<div id="detail-info-wrapper">
				<div class="title">个人详情</div>
				<table>
					<tr>
						<td id="bornPlace">生源地：</td>
						<td></td>
					</tr>
					<tr>
						<td id="healthStatus">本人身体健康状况：</td>
						<td></td>
					</tr>
					<tr>
						<td id="raiseMethod">家庭教养方式：</td>
						<td></td>
					</tr>
					<tr>
						<td id="relativesHealth">亲属是否患有过精神方面问题：</td>
						<td></td>
					</tr>
					<tr>
						<td id="willConsult">是否愿意进行心理咨询：</td>
						<td></td>
					</tr>
					<tr>
						<td id="havePessiThoughts">是否产生过死亡、自杀等念头：</td>
						<td></td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">	
	//Attention! Don't Break This Line!
	var privilege = ${privilege};
</script>

<script type="text/javascript">
	var secondaryCollege = [ '请选择学院...', '商学院', '政法学院', '文化传播学院', '外国语学院',
			'理学院', '电子工程学院', '化学化工学院', '机械与材料工程学院', '信息科学与技术学院', '土木工程与城市建设学院',
			'生命科学学院', '基础医学院', '艺术学院', '会计学院', '旅游学院', '体育学院', '护理学院', '临床医学院',
			'师范学院', '继续教育学院', '其他学院' ];
	var major = [
			[ '请选择专业...' ],
			[ '请选择专业...', '工商管理', '工商管理MBA方向', '国际经济与贸易', '金融学', '市场营销',
					'报关与国际货运', '电子商务', '工商管理（连锁经营管理）', '工商管理（物流管理及货运代理）',
					'国际金融', '国际经济与贸易', '国际贸易', '国际贸易务实', '国际物流与报关', '金融保险',
					'金融与证券', '经济管理', '人力资源管理', '物业管理', '营销与策划', '连锁经营管理',
					'市场营销', '营销策划与商务管理', '人力资源管理', '物流管理', '其他专业' ],
			[ '请选择专业...', '法律', '法律文秘', '国际经济法', '律师与法律服务', '师范心理学', '政史教育',
					'法学', '法律事物', '经济法', '历史教育', '心理咨询', '公共事物管理', '其他专业' ],
			[ '请选择专业...', '广告学', '汉语言文学教育', '广告策划', '广告设计与制作', '汉语', '涉外文秘',
					'文秘', '现代文秘', '新闻学', '语文教育', '对外汉语', '汉语言文学', '广告设计',
					'商务文秘', '数字媒体艺术', '新闻采编与制作', '影视多媒体技术', '文化市场经营与管理', '其他专业' ],
			[ '请选择专业...', '日语', '商务英语', '科技英语', '英语教育', '英语', '经贸英语', '旅游英语',
					'商务日语', '应用英语', '其他专业' ],
			[ '请选择专业...', '数学与应用数学', '应用物理学', '数学教育', '物理教育', '信息与计算科学',
					'计算数学及其应用软件', '材料物理', '其他专业' ],
			[ '请选择专业...', '电子信息工程', '电子工程及自动化', '电子信息工程技术', '计算机辅助电子设计',
					'应用电子技术', '通信工程', '电器自动化技术', '光电技术应用', '计算机辅助设计', '自动化',
					'其他专业' ],
			[ '请选择专业...', '化学工程与工艺', '材料工程技术', '高分子化工', '工业分析与检验', '环境监测与治理技术',
					'技术监督与商检', '精细化工', '商检技术', '应用化工技术', '有机化工生产技术', '应用化学',
					'材料化学', '工业分析与环境监测', '化学教育', '环境信息工程', '精细化学品生产技术',
					'生物化学技术', '环境工程', '材料工程技术（化工技术方向）', '化学制药技术',
					'有机化工生产技术（高分子化工方向）', '其他专业' ],
			[ '请选择专业...', '金属材料工程', '焊接工艺及设备', '模具设计与制造', '车辆工程', '机电一体化',
					'计算机辅助设计与制造', '交通智能控制技术', '交通智能控制技术', '数控技术及应用',
					'材料成型与控制工程', '焊接技术及自动化', '监控技术与仪器', '机械设计制造及自动化',
					'计算机辅助机械设计', '检测技术及应用', '汽车工程', '数控技术', '材料工程技术', '其他专业' ],
			[ '请选择专业...', '教育技术学', '信息管理与信息系统', '计算机应用', '计算机软件', '计算机网络',
					'计算机信息管理', '软件技术', '数据库管理员', '图形图像技术', '网络系统管理', '现在教育技术',
					'信息网络安全监察', '计算机科学与技术', 'WEB应用程序设计', '计算机通信', '计算机应用技术',
					'可视化程序设计', '数据库管理', '图形/图像设计', '网络系统管理员', '信息管理与信息系统',
					'计算机应用技术（动漫设计）', '其他专业' ],
			[ '请选择专业...', '土木工程', '城市规划', '工程造价', '建筑工程管理', '城镇规划', '室内设计技术',
					'建筑工程技术', '工程监理', '工程造价', '园林工程技术', '房地产经营与估价', '其他专业' ],
			[ '请选择专业...', '生物科学', '生物技术', '园林', '地理教育', '生物技术及应用', '生物制药技术',
					'其他专业' ],
			[ '请选择专业...', '临床医学', '临床医学（国家定向）', '临床医学（麻醉学方向）', '药学', '医学检验',
					'药物制剂', '临床医学', '药学', '药品经营与管理', '卫生信息管理', '临床医学（全科医学方向）',
					'医学检验技术', '口腔医学', '其他专业' ],
			[ '请选择专业...', '音乐表演', '音乐教育', '舞蹈学', '艺术设计', '美术学', '绘画', '电脑艺术设计',
					'音乐教育', '环境艺术设计', '其他专业' ],
			[ '请选择专业...', '会计学', '财务管理', '会计（注册会计师方向）', '会计电算化', '税务',
					'资产评估与管理', '财务管理(中英合作办学）', '其他专业' ],
			[ '请选择专业...', '旅游管理 ', '资源环境与城乡规划管理', '涉外旅游', '航空服务', '导游', '酒店管理',
					'旅游英语', '其他专业' ],
			[ '请选择专业...', '体育教育', '社会体育', '其他专业' ],
			[ '请选择专业...', '护理学', '护理学（涉外护理）', '护理', '助产', '其他专业' ],
			[ '请选择专业...', '临床医学', '临床医学（国家定向）', '临床医学（麻醉学方向）', '药学', '医学检验',
					'药物制剂', '临床医学', '药学', '药品经营与管理', '卫生信息管理', '临床医学（全科医学方向）',
					'医学检验技术', '口腔医学', '其他专业' ], [ '请选择专业...', '其他专业' ],
			[ '请选择专业...', '其他专业' ], [ '请选择专业...', '其他专业' ] ];

	var $body = $('body');
	var scSelectNode = $('#secondaryCollege');
	var majorSelectNode = $('#major');

   	if (privilege == 0) {
   		scSelectNode.empty();
   		addScOptionsToSelectNode(scSelectNode, secondaryCollege);
   		majorSelectNode.empty();
   		addMajorOptionsToSelectNode(majorSelectNode, major[0]);
   	} else {
   		scSelectNode.empty();
   		addScOptionsToSelectNode(scSelectNode, [ secondaryCollege[privilege] ], privilege);
   		majorSelectNode.empty();
   		addMajorOptionsToSelectNode(majorSelectNode, major[privilege]);
   	}

	function addScOptionsToSelectNode(node, options, privilege) {
		for ( var i = 0; i < options.length; i++) {
			if (i == 0) {
				if (/请选择/.test(options[i])) {
					node.append("<option value='-1'>" + options[i]
							+ "</option>");
				} else {
					node.append("<option value='" + privilege + "'>"
							+ options[i] + "</option>");
				}
			} else {
				node.append("<option value='" + i + "'>" + options[i]
						+ "</option>");
			}
		}
	}
	function addMajorOptionsToSelectNode(node, options) {
		for ( var i = 0; i < options.length; i++) {
			if (i == 0 && /请选择/.test(options[i])) {
				node.append("<option value='-1'>" + options[i] + "</option>");
			} else {
				node.append("<option value='" + options[i] + "'>" + options[i]
						+ "</option>");
			}
		}
	}

	$body.data('major', major);
	$body.data('addMajorOptionsToSelectNode', addMajorOptionsToSelectNode);

	$('div.filter-criteria input').each(function() {
		var $this = $(this);
		$body.data($this.attr('id'), $this.val());
	});

	$('a[rel=facebox]').facebox({
		loadingImage : 'images/facebox/loading.gif',
		closeImage : 'images/facebox/closelabel.png'
	});
</script>